Images and Page Design > Creating image maps
 		><

Creating image maps


Clickable image maps are links from images or parts of images within Web pages. Adobe GoLive lets you create clickable image maps on top of your image, edit them, and link them to Web pages or other resources. You can also connect the hot-spot areas in a clickable image map with scripted actions.

To create a clickable image map:

1 Select an image on your Web page.

2 In the Image Inspector, select the Use Map option in the More tab.

Note: By default, Adobe GoLive assigns a unique ID to the image map and enters it in the Name text box. You can replace this ID by entering a name for the image map in the Name text box on the More tab.

3 To specify a hot spot, click one of the region tools (selection tool, rectangle, circle, or polygon) in the toolbar, and then drag in the image to draw the link area.

4 Enter a URL for the link, or use the Browse button or the Point and Shoot button to select a link destination.

5 Use the Target text box to specify the target frame in the destination frame set (if any).

6 Use the Title text box to enter additional information. Some browsers use this information to display tool tips or voice annotations.

To customize the appearance of the hot spot:

1 Select the hot spot in the image.

2 Use the following tools available in the toolbar:
  • Choose the pointer tool to move or resize the hot spot by dragging.
  • Click the URL button to display the link destination URL in the hot spot.
  • Click the frame or color buttons to edit or turn border and color display on and off, respectively, while editing.
  • Click the color button to change the color used for highlighting.
  • If you are working with multiple overlapping hot spots, use the Bring to Front and Send to Back buttons in the toolbar to change the stacking order.

    • Note: the Bring to Front and Send to Back buttons are also available in the Transform palette.

    To add actions to image maps:

    1 Select a hot spot in an image map on your Web page.

    2 Choose Window > Actions.

    3 In the Actions palette, choose a mouse or key event, and click the + button.

    4 Choose the desired action from the Actions menu in the Actions palette.

    Images and Page Design > Creating image maps